<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    
    <f:view locale="#{bundle.locale}">
    <body>

        <ui:composition template="./Base.xhtml">

            <ui:define name="content">
                <div id="TwoContainers" class="container-fluid">
                    <div class="row-fluid">
                      <ui:include src="Menu.xhtml" />
                        <div id="bodyContent" class="span10">
                        <!--Body content-->
                        <h1><h:outputText value="#{msg.LabelMenuMusic}"></h:outputText></h1>
                       
                         <h:dataTable value="#{controller_GetItem.music}" var="line" class="table table-striped">
                            <h:column>
                                <f:facet  name="header">
                                    <h:outputText value="#{msg.ColoneJaquette}"/>
                                </f:facet>
                                <h:form>
                                    <h:commandLink action="#{controller_GetItem.passItem(line)}"><h:graphicImage class="imgAlbum" value="#{line.pic}"></h:graphicImage></h:commandLink>
                                </h:form>
                            </h:column>
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="#{msg.ColonneArticle}"/>
                                </f:facet>
                                <h:form>
                                    <h:commandLink action="#{controller_GetItem.passItem(line)}"><h:outputText value="#{line.title}"/></h:commandLink>
                                </h:form>
                            </h:column>
                            <h:column>
                                <f:facet  name="header">
                                    <h:outputText value="#{msg.ColonneAlbum}"/>
                                </f:facet>
                                <h:outputText value="#{line.album}"/>
                            </h:column>
                            <h:column>
                                <f:facet  name="header">
                                    <h:outputText value="#{msg.ColonneArtiste}"/>
                                </f:facet>
                                <h:outputText value="#{line.performer}"/>
                            </h:column>
                            <h:column>
                                <f:facet  name="header">
                                    <h:outputText value="#{msg.ColonneDuree}"/>
                                </f:facet>
                                <h:outputText value="#{line.runningTime}"/>
                            </h:column>
                            <h:column>
                                <f:facet  name="header">
                                    <h:outputText value="#{msg.ColonnePrix}"/>
                                </f:facet>
                                <h:outputText value="#{line.price}€"/>
                            </h:column>
                             <h:column>
                                <f:facet  name="header">
                                    <h:outputText value="+"/>
                                </f:facet>
                                <h:outputText value=""/>
                                <a href="#addcart" role="button" class="btn" data-toggle="modal" onclick="AddToCart(#{line.id},'#{line.title}','#{line.pic}','#{line.type}','#{line.price}')"><i class="icon-shopping-cart"></i></a>   
                            </h:column>
                        </h:dataTable>
                      </div>
                    </div>
                </div>
               <br></br><br></br><br></br> 
            </ui:define>

        </ui:composition>

    </body>
    </f:view>
</html>
